home *** CD-ROM | disk | FTP | other *** search
/ Software USA 4 #5 / Software USA Volume 4.05.iso / mac / Education / HTML Tricks / Extreme Mac HTML Tricks v2.1 / Extreme Mac HTML Tricks v2.1.rsrc / TEXT_134.txt < prev    next >
Text File  |  1996-10-31  |  4KB  |  76 lines

  1.  
  2.  
  3.  
  4. Adding a Link
  5.     You probably want to put some more words on your page right? Or make your page interactive with your favorite web pages. Well, just say something like: "Welcome to Extreme Mac. You can see my great links below." Ok, now it's time to add a link. Use your <p> symbol again to add in another paragraph after you're done with your beginning sentence, so it looks like this: 
  6. Welcome to Extreme Mac. You can see my great links below. <p>
  7. Your links will appear below that text, making a new paragraph. To make a link, first find an address of a site that you like. I'll use my site's address as an example. Then just type this:
  8.  
  9. <a href="http://www.extreme-mac.com/">Extreme Mac</a>
  10.  
  11.     This makes the viewer see the words "Extreme Mac" hyperlinked to the address of http://www.extreme-mac.com/. (Hyperlinked means that you can click on the text and it will bring you to the destination address/url of the link.) Be sure to end your link with the </a> after the words you want hyperlinked. If you forget, all the following text will be hyperlinked to Extreme Mac's address, and will never stop until it hits another </a>. You'll remember that you need to include it if I show you what exactly, it's stopping. See the bold parts below to understand. Anything that has a "<a" will need a "</a>" to close of the hyperlinked text.
  12. <a href="http://www.extreme-mac.com/">Extreme Mac</a>
  13.  
  14.     ‚Ä¢Your html code for your page should look similar to this:
  15.  
  16. <html>
  17. <HEAD>
  18. <TITLE>Put the Title Here</TITLE>
  19. </HEAD>
  20. <body bgcolor="#ffffff" background="imagelocation.gif" text="#000000" link="#0000ff" vlink="#00005a">
  21. <FONT COLOR="DD0000"> <center><h1><b>Extreme Mac</b></h1></center></FONT> 
  22. <hr width=30% size=10>
  23. <pre>
  24.   //   //   //////
  25.  /////        //
  26. // //    //////
  27. </pre>
  28. <p>
  29. Welcome to Extreme Mac. You can see my great links below. <p>
  30. <a href="http://www.extreme-mac.com/">Extreme Mac</a>
  31. </body>
  32. </html>
  33.  
  34. ‚Ä¢This is similar what your page looks like now:
  35.  
  36.                            Extreme Mac
  37.  
  38. Welcome to Extreme Mac. You can see my great links below.
  39. Extreme Mac
  40.  
  41.  
  42. Using Anchors
  43.         What does an anchor do? 
  44. When you click on a link with an anchor, it can bring you to a specified location on the same page or on another page. First, you have to name the anchor and place it in the html code where your link will point to. (Like have a link to go to the top of your page. To do this add in this line of code at the top of your page:
  45.  
  46. <A NAME="top"></A>
  47.  
  48. Now for your link, have this:
  49.  
  50. <A HREF="#top">Top of Page</A>
  51.  
  52. Make sure that in the link you have the '#' sign before the link name, and that you have no '#' sign in the <a name part. To add an anchored link to a certain spot on another page, use this code instead:
  53.  
  54. <a name="top"></a>
  55.  
  56.  
  57. And this for the link:
  58.  
  59. <a href="http://www.extreme-mac.com/index.html#top">Top of Index Page</a>
  60.  
  61. Just make sure that your link name and the link itself both have the same name. In this example they are both 'top'. Pretty easy! Where ever you put the <a name=""></a> in the html code, this is where your link will be directed to.
  62.  
  63.  
  64. 1)  If you have a link that is on the frames version of your web page,
  65. you'll notice that when you click on it, the link will open inside of the frame, making it hard to view other external web pages if the smaller frame space. To prevent this from happening use target=_top> in your <a href="http://www.extreme-mac.com/" target=_top> This will load the link on the entire window, replacing both sides of the frames with the new page. If you don't know what I mean go to http://www.extreme-mac.com/links/
  66. and notice how when you click on the link, it replaces the entire window.
  67. 2)  To open a link in an entirely new window add in target=_blank
  68. like <a href="http://www.extreme-mac.com/" target=_blank>
  69.  
  70. ‚Ä¢Remember that you don't have to follow the page production exactly. I discourage you following me exactly. You should expand and use what I have taught you. Add it in your page using your own creativity to design your own look.
  71.  
  72.  
  73.  
  74.  
  75.  
  76.